/*
    标签选择器
    选择器{
        样式的属性名:属性值;
        样式的属性名:属性值;
    }
*/
button{
    border: none;
    width: 80px;
    height: 30px;
    background-color: violet;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    
}
/* id选择器 */
#serch_ipt{
    width: 335px;
    height: 32px;
    border: 3px solid violet;
    outline: none;
}
/* 类选择器 */
.service_link{
    text-decoration: none;/*文本装饰    去掉超链接下划线*/
    font-size: 12px;
    color: rgb(74, 72, 72);
    display: inline-block;
    width: 70px;
    height: 90px;
}
/* 后代选择器 */
.p1 span{
    color: red;
    font-size: 18px;
}
/* 都有该样式 */
#b1,.e1,.i1,.c1{
    color: blueviolet;
}
.d1{
    width: 500px;
    height: 130px;
    border: 1px solid rgb(83, 211, 155);
}
.d2{
    width: 100px;
    height: 100px;
    border-radius: 100%;
}
.circle1{
    background-color: red;
}
.circle2{
    background-color: blue;
}
.circle3{
    background-color: green;
}

#head4 {
    color: aqua;
}
.myhead{
    color: yellowgreen;
}
h4{
    color: red;
}
#head4 .myhead{
    color: blueviolet !important;
}